@import '~assets/css/less.less';

.sign{
  .head{
    img{display: block;}
  }
  .content{width: 80%;padding: 0 10% 100/@rem;background: url("~assets/img/sign-bg-1.png") #121470 repeat-y;background-size: 100% auto;
    .title{width: 100%;height: 30/@rem;
      h1{font-size: 24/@rem;color: @blue-light;line-height: 30/@rem;width:230/@rem;height: 30/@rem;text-align:center;float: left;font-weight: normal;}
      .line{float: left;border-top: 1px solid @blue-light;margin-top: 15/@rem;width: 185/@rem;}
    }
    .group{margin-top: 26/@rem;
      input,textarea{border: none;font-size: 30/@rem;background-color: @blue-light;height: 70/@rem;display: block;box-sizing: border-box;border-radius: 6px;width: 100%;padding: 20/@rem 30/@rem;color: #003c8b;
        &::-webkit-input-placeholder{color: fadeout(#003c8b,40%);line-height: 38/@rem;}
      }
      textarea{height: 125/@rem;resize: none;}
    }
    .upImg{margin-top: 26/@rem;
      .g-core-image-upload-btn{height: 75/@rem;line-height: 75/@rem;color: #000;background: url("~assets/img/sign-upload-bg.jpg") repeat-x;background-size: auto 100%;border-radius: 6px;text-align: center;}
      .img{width: 200/@rem;margin: 32/@rem auto;
        .pic{width: 100%;height: auto;}
        .imgLoad{width: 100%;height: 150/@rem;line-height: 150/@rem;text-align: center;
          img{display: inline-block;vertical-align: middle;width: 50/@rem;height: 50/@rem;animation:circle 1s infinite linear;}
        }
      }
    }
  }
}
//提示弹出框
.prompt{
  position: fixed;width: 366/@rem;height: 220/@rem;top: 50%;left: 50%;margin-top: -110/@rem;margin-left: -183/@rem;border-radius: 10px;background-color: rgba(0,0,0,0.8);z-index: 10;
  display: table;
  p{display: table-cell;vertical-align: middle;color: #fff;text-align: center;line-height: 50/@rem;font-size: 30/@rem;padding: 30/@rem;}
}

@keyframes circle{
  0%{ transform:rotate(0deg);}
  100%{ transform:rotate(360deg);}
}
